@import "@/assets/scss/variables.scss";

.header-wrap {
  height: 60px;
  display: flex;
  align-items: center;
  width: 100%;
  position: relative;
}
.menu{
  float: left;
  display: flex;
  height: 60px;
  align-items: center;
  margin-right: 60px;
  cursor: pointer;
}
.menu > img{
  width: 33px;
  height: 30px;
}
.header-title{
  /*
    文字阴影：
    text-shadow: 水平位移 垂直位移  模糊程度  阴影颜色;
  */
  float: left;
  font: 24px "Comic Sans MS";
  color: white;
  text-shadow: 5px 5px 5px black, 0px 0px 2px black;
  cursor: pointer;
}
.hover-menu{
  position: absolute;
  bottom: -189px;
  left: -20px;
  z-index: 9999;
}
.loginForm{
  height: 60px;
  display: flex;
  align-items: center;
  position: absolute;
  right: 0;
}
.login{
  color: #ffffff;
  font-size: 20px;
  cursor: pointer;
}